/*GENERAL*/
body{
background-color:#223C61;
margin: 0 0 0 0;
padding:0 0 0 0;
font-family:arial;
}
#clear{
clear:both;
}

/*HEADER*/
#bande_header{
background-image: url('../img/bande_header.jpg');
background-repeat:repeat-x;
height:366px;
width:100%;
margin: 0 0 0 0;
padding:0 0 0 0;
}

#header{
background-image: url('../img/header.jpg');
background-repeat:no-repeat;
height:297px;
width:766px;
margin:auto;
border:2px solid black;
position:relative;
letter-spacing:4px;
font-weight:bold;
}

#header span{
color:#ffffff;
font-family:Arial;
position:absolute;
top:90px;
left:300px;
}

/*MENU*/
#menu{
text-align:center;
height:65px;
}

#accueil,#films,#cinemas,#animations,#jeux,#expositions,#telechargement,#contact{
float:left;
text-decoration:none;
color:#576579;
font-family:Arial;
font-size:13px;
margin-left:37px;
margin-top:5px;
height :40px;
width:100px;
position:relative;
}

#accueil:hover,#films:hover,#cinemas:hover,#animations:hover,#jeux:hover,#expositions:hover,#telechargement:hover,#contact:hover{
background-image:url('../img/btn.png');
height :40px;
width:100px;
}

/*CORPS*/
#contenu{
width:1024px;
margin:auto;
padding:0 0 0 0;
margin-top:-366px;
position:relative;
min-height:1000px;
}

#content{
height:20px;
width:1024px;
padding-top:-20px;
}

/*FOOTER*/
#footer{
position:absolute;
bottom:0px;
height:116px;
width:1024px;
}

#ronds{
background-image: url('../img/footer.png');
background-repeat:no-repeat;
background-position:bottom;
height:116px;
width:239px;
float:left;
margin-right:30px;
}

#fnac{
background-image: url('../img/fnac.png');
background-repeat:no-repeat;
height:60px;
width:72px;
float:left;
margin-right:30px;
margin-top:30px;
}

#miniz{
background-image: url('../img/miniz.png');
background-repeat:no-repeat;
height:60px;
width:150px;
float:left;
margin-right:30px;
margin-top:30px;
}

#footer_menu {

color:#576579;
height:60px;

margin-top:50px;
}

#footer_menu a{
color:#576579;
font-family:Arial;
font-size:11px;
}

#footer_menu a:hover{
text-decoration:none;
}

/*OMBRE IMAGE*/
.ombrage { 
    border: 2px solid black; 
    -moz-box-shadow: 2px 2px 2px  #FFFFFF;	
    -webkit-box-shadow: 1px 1px 1px #FFFFFF;  
    box-shadow: 1px 1px 10px black;  
}